<template>
  <div class="footer">
    <footer class="sections" id="footer-sections" data-footer-sections>
      <section
        data-test="page-section"
        data-section-theme="white"
        class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--left vertical-alignment--middle white"
        data-section-id="6073fe9bb2b8d46088a787f8"
      >
        <div class="content-wrapper">
          <div class="content">
            <div class="col sqs-col-12 span-12">
              <div class="row sqs-row">
                <div class="col sqs-col-8 span-8">
                  <div
                    class="sqs-block image-block sqs-block-image sqs-text-ready"
                    data-block-type="5"
                  >
                    <div
                      class="sqs-block-content preScale scaleIn"
                      style="
                        transition-timing-function: ease;
                        transition-duration: 0.65s;
                        transition-delay: 0.442623s;
                      "
                    >
                      <figure
                        class="sqs-block-image-figure image-block-outer-wrapper image-block-v2 design-layout-card combination-animation-site-default individual-animation-site-default individual-text-animation-site-default image-position-left animation-loaded"
                        data-scrolled=""
                        data-test="image-block-v2-outer-wrapper"
                        id="yui_3_17_2_1_1727624644362_204"
                      >
                        <div class="intrinsic">
                          <div
                            class="image-inset preScale scaleIn"
                            data-animation-role="image"
                            data-description=""
                            style="
                              transition-timing-function: ease;
                              transition-duration: 0.65s;
                              transition-delay: 0.452459s;
                            "
                          >
                            <div
                              class="sqs-image-shape-container-element content-fit"
                              style="
                                position: relative;
                                overflow: hidden;
                                -webkit-mask-image: -webkit-radial-gradient(
                                  white,
                                  black
                                );
                              "
                            >
                              <img
                                data-stretch="false"
                                data-src="../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png"
                                data-image="../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png"
                                data-image-dimensions="500x324"
                                data-image-focal-point="0.5,0.5"
                                alt="Red_Universal_Logo_厚爱健康 copy.png"
                                data-load="false"
                                elementtiming="system-image-block"
                                src="../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png"
                                width="500"
                                height="324"
                                sizes="(max-width: 640px) 100vw, (max-width: 767px) 66.66666666666666vw, 66.66666666666666vw"
                                style="display: block; object-fit: contain"
                                onload='this.classList.add("loaded")'
                                srcset="
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=100w   100w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=300w   300w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=500w   500w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=750w   750w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=1000w 1000w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=1500w 1500w,
                                  ../assets/imgs/Red_Universal_Logo_厚爱健康+copy.png?format=2500w 2500w
                                "
                                loading="lazy"
                                decoding="async"
                                data-loader="sqs"
                                class="loaded"
                              />
                              <div
                                class="image-overlay"
                                style="
                                  overflow: hidden;
                                  -webkit-mask-image: -webkit-radial-gradient(
                                    white,
                                    black
                                  );
                                "
                              ></div>
                            </div>
                          </div>
                        </div>
                      </figure>
                    </div>
                  </div>
                  <div
                    class="sqs-block html-block sqs-block-html"
                    data-block-type="2"
                  >
                    <div
                      class="sqs-block-content preScale scaleIn"
                      style="
                        transition-timing-function: ease;
                        transition-duration: 0.65s;
                        transition-delay: 0.462295s;
                      "
                    >
                      <div class="sqs-html-content">
                        <p
                          class="preFade fadeIn"
                          style="
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.472131s;
                          "
                        >
                          <strong>Chanson Holdings Limited </strong>
                        </p>
                        <p
                          class="preFade fadeIn"
                          style="
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.481967s;
                          "
                        >
                          Flat A, 14 F Queen’s Centre, 58-64 Queens Road East,
                          Wan Chai, Hong Kong
                        </p>
                        <p
                          class="preFade fadeIn"
                          style="
                            white-space: pre-wrap;
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.491803s;
                          "
                        >
                          (+852) 97972801
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col sqs-col-4 span-4 footr">
                  <div class="row sqs-row">
                    <div class="col sqs-col-2 span-2">
                      <div
                        class="sqs-block html-block sqs-block-html"
                        data-block-type="2"
                        id="block-070aaa3ec7b1c058bdc5"
                      >
                        <div
                          class="sqs-block-content preScale scaleIn"
                          style="
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.501639s;
                          "
                        >
                          <div class="sqs-html-content">
                            <p
                              class="sqsrte-small preFade fadeIn"
                              data-rte-preserve-empty="true"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.511475s;
                              "
                            ></p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.521311s;
                              "
                            >
                              <router-link to="/software">Software</router-link>
                            </p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.531148s;
                              "
                            >
                              <router-link to="/healthservicesmenu"
                                >Health Services</router-link
                              >
                            </p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.540984s;
                              "
                            >
                              <router-link to="/productsmenu"
                                >Products</router-link
                              >
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col sqs-col-2 span-2">
                      <div
                        class="sqs-block html-block sqs-block-html"
                        data-block-type="2"
                        id="block-6d1cad0c8f37587aa477"
                      >
                        <div
                          class="sqs-block-content preScale scaleIn"
                          style="
                            transition-timing-function: ease;
                            transition-duration: 0.65s;
                            transition-delay: 0.55082s;
                          "
                        >
                          <div class="sqs-html-content">
                            <p
                              class="preFade fadeIn"
                              data-rte-preserve-empty="true"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.560656s;
                              "
                            ></p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.570492s;
                              "
                            >
                              <router-link to="/about">About </router-link>
                            </p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.580328s;
                              "
                            >
                              <router-link to="/contact">Contact</router-link>
                            </p>
                            <p
                              class="sqsrte-small preFade fadeIn"
                              style="
                                white-space: pre-wrap;
                                transition-timing-function: ease;
                                transition-duration: 0.65s;
                                transition-delay: 0.590164s;
                              "
                            >
                              <router-link to="/news">News</router-link>
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </footer>
  </div>
</template>
<style scoped>
.page-section.horizontal-alignment--left > .content-wrapper {
  justify-content: flex-start;
}
.page-section:not(.full-bleed-section) > .content-wrapper {
  padding-right: 4vw;
  padding-left: 4vw;
  margin: 0 auto;
  box-sizing: content-box;
}
.page-section > .content-wrapper {
  /* width: 100%; */
  box-sizing: content-box;
  position: relative;
}
.page-section > .content-wrapper {
  display: flex;
}
.page-section > .content-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(
    .editmode-changing-rowcount
  ).section-height--small
  > .content-wrapper {
  padding-top: 3.3vmax;
  padding-bottom: 3.3vmax;
}
.page-section.content-width--wide .content,
.page-section.content-width--narrow.content-collection .content,
.page-section.content-width--medium.content-collection .content {
  width: 100%;
}
.sqs-row {
  width: auto !important;
}
.sqs-layout > .sqs-row {
  margin-left: -17px;
  margin-right: -17px;
}
[class*="sqs-col"]:last-child {
  padding-right: 0;
}

.sqs-col-12 {
  width: 100%;
}
[class*="sqs-col"] {
  float: left;
}
.sqs-row {
  width: auto !important;
}
.sqs-col-12 .sqs-col-8 {
  width: 66.6667%;
}
.sqs-col-12 .sqs-col-4 {
  width: 33.3333%;
}
.sqs-layout:not(.sqs-editing)
  .sqs-row
  .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
  padding-top: 0;
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
#footer-sections .sqs-block-html a {
  text-decoration: underline;
}
[class*="sqs-col"] .sqs-block {
  padding-left: 17px;
  padding-right: 17px;
}
.sqs-block {
  position: relative;
  height: auto;
  padding-top: 17px;
  padding-bottom: 17px;
}
.scaleIn:not([data-override-initial-global-animation]) {
  opacity: 1 !important;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
  display: flex;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 {
  position: relative;
}
.image-block-outer-wrapper.animation-disabled,
.image-block-outer-wrapper.animation-loaded {
  transform: translatez(0);
}

.sqs-block-image .sqs-block-image-figure {
  margin: 0;
}
figure {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) > div:first-child {
  /* width: calc(50% - 5%); */
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic {
  position: relative;
  max-width: initial !important;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-inset {
  position: relative;
}
.sqs-block-image .design-layout-card .intrinsic img,
.sqs-block-image .design-layout-overlap .intrinsic img,
.sqs-block-image .design-layout-collage .intrinsic img,
.sqs-block-image .design-layout-stack .intrinsic img {
  width: 100% !important;
  height: auto !important;
  position: static !important;
}
img {
  overflow-clip-margin: content-box;
  overflow: clip;
}
a {
  color: rgb(185, 135, 168);
}
.sqs-row:before,
.sqs-row:after {
  content: "";
  display: table;
}
@media screen and (max-width: 767px) {
  [class*="sqs-col"] {
    float: none !important;
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .footr .sqs-block {
    padding-left: 30px;
    padding-right: 17px;
  }
}
</style>
